<% include header.ejs%>
<!-- Header -->
<header>
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
            <img class="img-responsive" src="/1.gif" alt="" style="border: solid 2px white;width: 80px;height: 80px;border-radius: 20px;">
        <div class="intro-text">
          <span class="name">欢迎进入微博首页</span>
          <hr class="star-light">
          <span class="skills">欢迎进入作者的官方网站<br>https://www.yaoqilin100.com</span>
        </div>
      </div>
    </div>
  </div>
</header>
<!-- Portfolio Grid Section -->
<section id="portfolio">
  <div class="container">
    <div class="row">
      <div class="col-lg-12 text-center">
        <h2>全部微博</h2>
        <hr class="star-primary">
      </div>
    </div>
    <div class="row">
      <% posts.forEach(function (post, index) { %>
        <div class="col-sm-4 portfolio-item">
          <div style="background-color: rebeccapurple;">
              <a href="/u/<%= post.name %>">
                  <img src="../logo.png" style="height: 50px;width: 50px;border-radius: 10px;">
              </a>
          <div class="caption">
            <i class="fa fa-search-plus fa-3x"></i>
            <p><h4 style="overflow: hidden;height: 18px;"><a href="/u/<%= post.name %>/<%= post.time.minute %>/<%= post.title %>"><%= post.title %></a></h4></p>
          </div>
            <p class="info" style="margin: 0;font-size: 18px;color:darkgrey;">
              作者：<a href="/u/<%= post.name %>"><%= post.name %></a> |
              日期：<%= post.time.minute %>
              标签：
                <% post.tags.forEach(function (tag, index) { %>
                <% if (tag) { %>
              <a class="tag" href="/tags/<%= tag %>"><%= tag %></a>
                <% } %>
                <% }) %>
            </p>
          </div>
          <p class="info"  style="font-size: 18px;background: green;color:white;height: 200px;overflow: auto;padding: 5px;word-wrap: break-word">
              <%- post.post %>
          </p>
          <p class="info">阅读：<%= post.pv %> | 评论：<%= post.comments.length %></p>
        </div>
      <% }) %>
    </div>
  </div>
    <%- include paging.ejs%>
</section>
<% include footer.ejs%>